html body{
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background-color: rgba(255, 255, 255, 0.1);
}

#sys-page{
	clear: both;
    margin: 0;
    padding: 0;
	width:100%;
	height:100%;
	overflow:auto;
}

#sys-aside{
	position :fixed;
	width: 200px;
	height: 100%;
	/*一下是和menu配套,menu 自身配置在metisMenu-black.css中  */
	border-bottom: 0px solid rgba(0, 0, 0, 0.3);
	background-image: -webkit-linear-gradient(left, color-stop(#333333 10px), color-stop(#222222 10px));
	background-image: linear-gradient(to right, #333333 10px, #222222 10px);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff222222', GradientType=1);
}

#sys-section{
	margin: 0 0 0 200;
	height: 100%;
}

#sys-article{
	margin: 0 0 0 0;
	position: absolute;
    top: 50px;
    bottom: 0px;
    left: 200px;
    right: 0px;
}

.mini-navbar #sys-aside{
	display: none;
}

.mini-navbar #sys-section{
	margin: 0 0 0 0;
}


.mini-navbar #sys-article{
    left: 0px;
}



/*
#sys-tabset .nav>li>a{
	padding: 5px 7px;
}
*/
@media only screen and (max-width : 768px) {
	
#sys-aside{
	display: none;
}

#sys-section{
	margin: 0 0 0 0;
}

#sys-article{
    left: 0px;
}

.max-navbar #sys-aside{
	display: block;
}

.max-navbar #sys-section{
	margin: 0 0 0 200;
}

.max-navbar #sys-article{
    left: 200px;
}

	
}